<!-- 浙政钉 竣工备案 v2 住房和城乡建设主管部门备案 -->
<template>
    <div class="beCompleted">
        <div class="CUNYUSHEN">
            <inputSelect :isShowCity="false" :contentData.sync="contentData" :JFData.sync="JFData" :title="'户主信息'" @getValues="getValues" />
            <inputSelect :isShowCity="false" :contentData.sync="fYjldData" :JFData.sync="JFData" :title="'竣工备案信息'" :disable="disable" @getValues="getValues" />
            <van-tabs v-model="active" color="#007AFF">
                <van-tab :title="'住房建筑面积'">
                    <inputSelect :isShowCity="false" :contentData.sync="zfjzmjtData" :JFData.sync="JFData" :title="'住房建筑面积'" :disable="disable" @getValues="getValues" />
                </van-tab>
                <van-tab :title="'建筑层数'">
                    <inputSelect :isShowCity="false" :contentData.sync="jzcsData" :JFData.sync="JFData" :title="'建筑层数'" :disable="disable" @getValues="getValues" />
                </van-tab>
                <van-tab :title="'建筑高度'">
                    <inputSelect :isShowCity="false" :contentData.sync="jzgdData" :JFData.sync="JFData" :title="'建筑高度'" :disable="disable" @getValues="getValues" />
                </van-tab>
            </van-tabs>
            <inputSelect :isShowCity="false" :contentData.sync="fYjldData1" :JFData.sync="JFData" :title="''" :disable="disable" @getValues="getValues" />
            <inputSelect :isShowCity="false" :contentData.sync="zsData" :JFData.sync="JFData" :disable="disable" :title="'乡镇人民政府备案'" @getValues="getValues" />
            <inputSelect v-if="disable" :isShowCity="false" :contentData.sync="zfcxData" :JFData.sync="JFData" :title="'住房和城乡建设主管部门备案'" @getValues="getValues" />
        </div>
        <div class="footer">
        <van-button style="width: 30vw" size="small" type="info">保存</van-button>
        <van-button style="width: 30vw" size="small" type="info">提交</van-button>
        <van-button style="width: 30vw" size="small" type="info">退回</van-button>
      </div>
    </div>
</template>
<script>
import inputSelect from '../public/inputSelect'
export default {
    name: 'beCompleted',
    data(){
        return{
            active: 0,
            disable: '',
            zfcxData:[
                {
                    label: '住房和城乡建设主管部门备案意见',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    types: 'textarea',
                    isTime: false //true:可以时间选择器 false：下拉框
                },
            ],
            zsData:[
                {
                    label: '乡(镇)人民政府(街道办事处)备案意见',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    types: 'textarea',
                    isTime: false //true:可以时间选择器 false：下拉框
                },
            ],
            fYjldData1: [
                {
                    label: '设计单位',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '设计负责人(证书编号)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '施工单位(乡村建筑工匠)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '项目负责人(证书编号)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '住房风貌验收',
                    key: 'FWSP1',
                    isDanDuan: true,
                    required: true,
                    children: [
                        {
                            name: "符合风貌管控要求",
                            key: "FWSP1",
                            value: "1",
                        },
                        {
                            name: "不符合貌管控要求",
                            key: "FWSP1",
                            value: "2",
                        },
                    ],
                },
                {
                    label: '农村生活污水处理设施',
                    key: 'FWSP1',
                    isDanDuan: true,
                    required: true,
                    children: [
                        {
                            name: "已建设厨房清扫井和化粪池",
                            key: "FWSP1",
                            value: "1",
                        },
                        {
                            name: "未建设厨房清扫井和化粪池",
                            key: "FWSP1",
                            value: "2",
                        },
                        {
                            name: " 已按要接入处置设施",
                            key: "FWSP1",
                            value: "3",
                        },
                        {
                            name: "末按要求接入处置设施",
                            key: "FWSP1",
                            value: "4",
                        },
                        {
                            name: "无可接入处理设施",
                            key: "FWSP1",
                            value: "5",
                        },
                    ],
                },
                {
                    label: '用地和规划核实',
                    key: 'FWSP1',
                    isDanDuan: true,
                    required: true,
                    children: [
                        {
                            name: "已取得用地和规划核实文件",
                            key: "FWSP1",
                            value: "1",
                        },
                        {
                            name: "末取得用地和规划核实文件",
                            key: "FWSP1",
                            value: "2",
                        },
                    ],
                },
                {
                    label: '三方主体竣工验收意见',
                    key: 'FWSP1',
                    isDanDuan: true,
                    required: true,
                    children: [
                        {
                            name: " 验收合格",
                            key: "FWSP1",
                            value: "1",
                        },
                        {
                            name: " 验收不合格",
                            key: "FWSP1",
                            value: "2",
                        },
                    ],
                },
                {
                    label: '重大节点监督',
                    key: 'FWSP1',
                    isDanDuan: true,
                    required: true,
                    children: [
                        {
                            name: " 已验收，资料完整",
                            key: "FWSP1",
                            value: "2",
                        },
                        {
                            name: "末验收，资料不完整",
                            key: "FWSP1",
                            value: "1",
                        },
                    ],
                },
                {
                    label: '关键节点验收',
                    key: 'FWSP1',
                    isDanDuan: true,
                    required: true,
                    children: [
                        {
                            name: "已验收，资料壳整",
                            key: "FWSP1",
                            value: "2",
                        },
                        {
                            name: "末验收，资料不壳整",
                            key: "FWSP1",
                            value: "1",
                        },
                    ],
                },
                {
                    label: '日常检查',
                    key: 'FWSP1',
                    isDanDuan: true,
                    required: true,
                    children: [
                        {
                            name: "已按要求检查，资料完整",
                            key: "FWSP1",
                            value: "2",
                        },
                        {
                            name: "已检查，部分检查记录缺失",
                            key: "FWSP1",
                            value: "1",
                        }
                    ],
                },
            ],
            fYjldData:[
                {
                    label: '乡村建设规划许可证号',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '农村宅基地批准书证号',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '开工日期',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: false, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: true //true:可以时间选择器 false：下拉框
                },
                {
                    label: '竣工日期',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: false, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: true //true:可以时间选择器 false：下拉框
                }
            ],
            zfjzmjtData:[
                {
                    label: '总建筑面积(㎡)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '地上(㎡)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '地下(㎡)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                }
            ],
            jzcsData:[
                {
                    label: '总建筑层数',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '地上(层)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '地下(层)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                }
            ],
            jzgdData:[
                {
                    label: '总建筑高度(m)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '地上(m)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '地下(m)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '檐口高度(m)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '屋顶高度(m)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '地坪高度(m)',
                    key: 'XCSJ1', //绑定的字段
                    ISinput: true, //true:输入框
                    required: true, //true: 必填项
                    readonly: true, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                }
            ],
          contentData: [
            {
                label: '姓名',
                key: 'XCSJ1', //绑定的字段
                ISinput: true, //true:输入框
                required: false, //true: 必填项
                readonly: false, //true:可以填写 false：不可以填写
                isTime: false //true:可以时间选择器 false：下拉框
            },
            {
                label: '性别',
                key: 'XCSJ1', //绑定的字段
                ISinput: false, //true:输入框
                required: false, //true: 必填项
                readonly: false, //true:可以填写 false：不可以填写
                isTime: false, //true:可以时间选择器 false：下拉框
                emitData: '',
                NYDARR: []
            },
            {
                label: '年龄',
                key: 'XCSJ4',
                ISinput: true,
                required: false,
                readonly: false,
                isTime: false
            },
            {
                label: '身份证号',
                key: 'XCSJ1', //绑定的字段
                ISinput: true, //true:输入框
                required: false, //true: 必填项
                readonly: false, //true:可以填写 false：不可以填写
                isTime: false //true:可以时间选择器 false：下拉框
            },
            {
                label: '户口所在地',
                key: 'XCSJ1', //绑定的字段
                ISinput: true, //true:输入框
                required: false, //true: 必填项
                readonly: false, //true:可以填写 false：不可以填写
                isTime: false //true:可以时间选择器 false：下拉框
            },
            {
                label: '联系电话',
                key: 'XCSJ1', //绑定的字段
                ISinput: true, //true:输入框
                required: false, //true: 必填项
                readonly: false, //true:可以填写 false：不可以填写
                isTime: false //true:可以时间选择器 false：下拉框
            },
            {
                label: '家庭住址',
                key: 'XCSJ4',
                ISinput: true,
                required: false,
                readonly: false,
                isTime: false
            }
          ],
          JFData: [
            {
                XCSJ1: '1111',
                XCSJ2: '122',
                XCSJ3: '2020-02-02',
                XCSJ4: '1222',
                CWSHR:'系统管理员',
                ZGSHR:'2020-02-02',
                ZGSHYJ:''
            }
          ],
        }
    },
    methods: {
      getValues(name, value, label) {
        console.log(name, value, label, this.JFData)
      }
    },
    mounted() {
        //  如果住房和城乡建设主管部门备案环节时综上均不可编辑：disable有值  this.disable = '1'，否则 this.disable = ''
        // if('住房和城乡建设主管部门备案'){
        //     this.disable = '1'
        // }else{
        //     this.disable = ''
        // }
    },
    created() {},
    components: {
      inputSelect
    }
}
</script>
<style lang="scss" scoped>
.beCompleted{
    height: 100vh;
    .CUNYUSHEN {
      height: 93vh;
      padding: 4px;
      overflow: auto;
    }
    .footer {
      height: 6vh;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    .subTitle {
      width: 100%;
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      position: relative;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #9b9b9b;
      padding-left: 10px;
  
      .line {
        width: 6px;
        height: 26px;
        background: #3f8ffc;
        display: inline-block;
        margin-right: 10px;
      }
    }
  }
  </style>
  
  <style>
  .van-cell {
    color: black;
    font-weight: bold !important;
  }
  .van-collapse-item__content {
    color: black;
    padding: 0 6px !important;
  }
  </style>